Building Windows 8 Applications with JavaScript and HTML

Learn how to build Windows Store applications on top of the WinJS platform with JavaScript and HTML. Get acquainted with the design philosophy of the Modern UI and how it affects the design of your application. Work with existing and new WinJS controls to provide interaction, learn how to respond to layout orientation and view state changes. Learn the distinctions between traditional web development and WinJS development, and see how to take existing .NET development skills and apply them to Window Store applications.

 

Introduction		00:43:30
Outline		02:22
Module Overview		01:00
Prerequirements		01:37
What is Windows8?		05:12
Promises		02:09
What is WinRT?		02:09
What is WinJS?		02:54
Windows 8 Design Principles		01:57
Demo: Default Project Templates - Part 1		09:50
Demo: Default Project Templates - Part 2		02:17
Demo: Default Project Templates - Part 3		03:35
Demo: Visual Studio 2012 Features		03:56
Adjusting From Traditional Web Development Practices		03:40
Summary		00:52
Application and Page Lifecycle		00:24:28
Lifecycle Overview		01:38
Windows Store Application Lifecycle Overview - part 1		01:16
Activation Kinds		03:31
Windows Store Application Lifecycle Overview - part 2		03:07
ApplicationExecutionState Enumeration Values		02:43
Demo: Application and Page Lifecycle (Running)		04:18
Demo: Application and Page Lifecycle (Code)		06:53
Summary		01:02
Namespaces		00:11:43
Namespace Overview		01:56
Demo: Defining Namespaces		05:08
Demo: Composability of Namespaces		04:04
Summary		00:35
Navigation		00:34:42
Navigation Overview		03:36
Demo: Navigation from the Ground Up		09:56
Demo: Navigation Template		03:14
Demo: Navigation Template Updates and Events - Part 1		03:50
Demo: Navigation Template Updates and Events - Part 2		03:17
Demo: Navigation Bar		04:59
Demo: Preventing Navigation		03:08
Demo: Wait for Async Operation to Complete Before Enabling Navigation		02:02
Summary		00:40
Binding and Model View ViewModel		00:25:57
Binding Overview		06:18
Demo: One Time Binding		03:50
Demo: One Way Binding		02:12
Demo: Two Way Binding		04:04
Demo: Binding Converters		06:47
Demo: Using WinJS.Binding.define		01:58
Summary		00:48
Layout		00:18:28
Layout Overview		05:09
Demo: Fractional Unit		03:53
Demo: Chaning View States		02:39
Demo: Orientation Change		03:18
Demo: Rotation		02:28
Summary		01:01
Controls		00:53:57
Controls Overview		04:58
Anatomy of a WinJS Control		01:52
Demo: HTML Controls in WinJS		04:15
Demo: Menu		03:44
Demo: ViewBox		01:58
Demo: AppBar		03:46
Demo: AppBar Icons		01:12
Demo: AppBar with Flyout		01:55
Demo: Multiple AppBars		01:37
Demo: Show and Hide AppBars Programmatically		02:19
Demo: ListView		09:38
Demo: ListView Conditional Template		06:41
Demo: ListView Selection		04:38
Demo: ListView Sorting		04:31
Summary		00:53
State Management		00:27:36
State Management Overview		04:25
Demo: Session State		03:13
Demo: Local Settings		01:59
Demo: Local Storage		04:42
Demo: Documents Library - Part 1		04:33
Demo: Documents Library - Part 2		03:59
Demo: Documents Library - Part 3		04:18
Summary		00:27
Using Managed Libraries and Components		00:28:39
Overview		04:51
Demo: Calling Managed Code		06:20
Demo: Parsing JSON Objects - Part 1		05:17
Demo: Parsing JSON Objects - Part 2		04:39
Demo: Parsing JSON Objects - Part 3		06:55
Summary		00:37